<h1>管理商品</h1>

商品名称：<input type="text" [(ngModel)]="shop.name">
<br>
商品价格：<input type="text" [(ngModel)]="shop.price">&nbsp;
<br>
<button (click)="addShop()">添加到</button>

<div *ngIf="!list || list.length===0">
  暂时没有商品，请添加。
</div>

<div *ngIf="!!list && list.length > 0">
  <table>
    <tr>
      <th>商品名称</th>
      <th>商品价格</th>
      <th>操作</th>
    </tr>
    <tr *ngFor="let item of list">
      <td>
        <input type="text" [(ngModel)]="item.name">
      </td>
      <td>
        <input type="text" [(ngModel)]="item.price">
      </td>
      <td>
        <button (click)="update(item)">修改</button>
        <button (click)="delete(item)">删除</button>
      </td>
    </tr>
  </table>
</div>
